﻿@charset "utf-8";
@import "geral.css";

#produtos, #clientes { margin: 0; }
#produtos {
	float: left;
	padding-right: 20px;
	padding-left: 3px;
	/*border-right: 1px dotted #CDCDCF;*/
	background:url(/images/bg.jpg) no-repeat;
}
#produtos img{
    padding-left:17px;
	padding-top:5px;
	height:120px;
}

#produtos a.mais { right: 20px; }
#clientes {
	float: right;
	padding-right: 10px;
	background:url(/images/bg.jpg) no-repeat;
}
#clientes img{
    padding-left:17px;
	padding-top:5px;
	height:120px;
}
#clientes a.mais { right: 10px; }
#banner { clear: both; display:block; position:relative; top:40px; }

/*
Login
*/
#lateral #clientearea { padding-top: 0; }
#clientearea h1 { display: none; }
#clientearea form {
	height: 28px;
	padding: 43px 9px 0;
	background: #4C4F53 url(/images/clientearea.jpg) no-repeat center;
}
#clientearea fieldset * {
	float: left;
	border: none;
	background: url(/images/sprite_clientearea.png) no-repeat;
}
#clientearea input {
	color: #658217;
	height: 19px;
	padding: 1px 5px 0;
	background-position: 0 0;
}
#clientearea #login {
	width: 116px;
	margin-right: 10px;
}
#clientearea #senha { width: 96px; }
#clientearea button {
	/*text-indent: -9999px;*/
	width: 20px;
	height: 20px;
	background-position: 100% 100%;
}
/*
Fim: Login
*/


/* Indique a um amigo */
#topo {
	position: relative;
	z-index: 10;
	background-color: #FFF;
}
#topo #indique {
	/*text-indent: -9999px;*/
	line-height: 29px;
	float: right;
	width: 107px;
	background: url(/images/sprite_menu-topo.png) no-repeat 0 0;
}
#topo #indique:hover, #topo #indique:focus, #topo #indique.focus, #topo #indique.expanded { background-position: 0 -29px; }
#form-indique {
	position: absolute;
	top: -200px;
	left: 50%;
	width: 262px;
	height: 182px;
	margin-left: -151px;
	padding: 0 20px;
	background: url(/images/indicar.png) no-repeat top;
}
#form-indique h2 {
	/*text-indent: -9999px;*/
	height: 55px;
}
#form-indique li { margin: 0 0 5px }
#form-indique button.fechar {
	bottom: 19px;
	right: 20px;
	width: 72px;
	background: url(/images/cancelar.png) no-repeat left;
}
#form-indique button.fechar:hover, #form-indique button.fechar.hover, #form-indique button.fechar:focus, #form-indique button.fechar.focus { background-position: right }